<template>
  <div class="wrap">
    <banner></banner>
    <about></about>
    <works-list></works-list>
    <recent-blog></recent-blog>
    <contact></contact>
  </div>
</template>
<script>
  import Banner from "./banner";
  import About from "./about";
  import WorksList from "./worksList";
  import RecentBlog from "./recentBlog.vue";
  import Contact from "./contact";

  export default {
    name: "Home",
    components: { Banner, About, WorksList, RecentBlog, Contact },
    data() {
      return {};
    },
    created() {
      console.log("asdasd", process.env);
    },
    mounted() {},
    computed: {},
    watch: {},
    methods: {},
  };
</script>
<style lang="scss" scoped></style>
